<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>首页</title>
	<link rel="stylesheet" href="css/index.css">
	<script></script>
</head>

<body>
	<header></header>
	<!-- banner开始 -->
	<div class="banner" id = "banner">
		<ul id="bannerSlider">
			<!-- 根据实际图片的张数插入li（js） -->
		</ul>
		<script type="text/html" id="bannerSliderTemplate">
		{{each list item,index}}
			<li class="{{ index === 0 ? 'ac' : '' }}"><a href="#" title="{{item.title}}"><img src="{{item.src}}" ></a></li>
		{{/each}}
	  </script>
		<!-- 图片对应的按钮 -->
		<div class="btns">
			<ul id="bannerBtns">
				
			</ul>
			<!-- <script type="text/html" id = "bannerBtnsTemplate">
				{{each list item}}
				<li>{{list.id}}</li>
				{{/each}}
		</script> -->
		</div>
		<!-- 前后切换键 -->
		<a href="javascript:void(0)" class="goPrev" id = "goPrev"></a>
		<a href="javascript:void(0)" class="goNext" id = "goNext"></a>
	</div>
	<!-- banner结束 -->
	<!--   main开始 -->
	<main>
		<h6>NEW PRODUCTS</h6>
		<span><em>新品抢先尝</em></span>
		<ul class="ul1" id = "new1">

		</ul>
		<script type = "text/html" id = "new1Template">
			{{each list item}}
				<li>
					<a href="#" title="{{item.title}}"><img src="{{item.src}}"></a>
					<p class="txt">
						<em>{{item.desc}}</em>
						<span><i>￥</i><b>{{item.money}}</b>{{item.num}}号</span>
						<a href="#">{{item.buy}}</a>
					</p>
				</li>
			{{/each}}	
		</script>
		<ul class="ul2" id = "new2">
				
		</ul>
		<script type = "text/html" id = "new2Template">
			{{each list item}}
				<li>
					<a href="#" title="{{item.title}}"><img src="{{item.src}}"></a>
					<p class="txt">
						<em>{{item.desc}}</em>
						<span><i>￥</i><b>{{item.money}}</b>{{item.num}}号</span>
						<a href="#">{{item.buy}}</a>
					</p>
				</li>
			{{/each}}
		</script>
		<a href="#" class="icon more"></a>
		<h6>OUR GROUP-BUYING</h6>
		<span><em>本期团购</em></span>
	</main>
	<!-- main结束 -->
	<!-- footer_banner开始 -->
	<div class="footer_banner">
		<a href="#"><img src="images/footer_banner.jpg"></a>
	</div>
	<!-- footer_banner结束 -->
	<!-- footer开始 -->
	<footer></footer>
	<!-- footer结束 -->

</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>

</html>